<template>
  <div id="player">
    <div class="icon iconfont" @click="goback">&#xe64d;</div>
    <div class="list">
      <video-list :clickIndex='index' :clickList="list"></video-list>
    </div>
    <div class="comment">
      @留下你的精彩评论吧
    </div>
  </div>
</template>

<script>
import videoList from '../first/components/videoList.vue'
export default {
  name: 'player',
  components:{
    videoList
  },
  data(){
    return{
      index:this.$route.query.clickIndex,
      list:this.$route.query.list
    }
  },
  mounted() {
    console.log(this.index)
    console.log(this.list)
  },
  methods:{
    goback(){
      this.$router.go(-1);
    }
  }

}
</script>

<style  scoped>
#player{
  color: #FFFFFF;
  position: relative;
  width: 100%;
  height: 100%;
}
#player .icon{
  position: absolute;
  top: .4rem;
  left: .25rem;
  font-size: .6rem;
  z-index: 99;
}
#player .comment{
  position: absolute;
  bottom: 1rem;
  left: .25rem;
}
#player .list{
  width: 100%;
  height: 100%;
}
</style>
